/**
 * 工作页面导航组件
 */
const Navigation = ({ 
  activeView, 
  onViewChange 
}: { 
  activeView: 'compliance' | 'risk' | 'remediation', 
  onViewChange: (view: 'compliance' | 'risk' | 'remediation') => void 
}) => {
  return (
    <div className="flex space-x-1 mb-6 bg-card rounded-lg p-1 w-fit">
      <button
        onClick={() => onViewChange('compliance')}
        className={`px-4 py-2 rounded-md transition-colors ${
          activeView === 'compliance' 
            ? 'bg-primary text-primary-foreground' 
            : 'hover:bg-accent'
        }`}
      >
        检查项
      </button>
      <button
        onClick={() => onViewChange('risk')}
        className={`px-4 py-2 rounded-md transition-colors ${
          activeView === 'risk' 
            ? 'bg-primary text-primary-foreground' 
            : 'hover:bg-accent'
        }`}
      >
        风险-保障关联
      </button>
      <button
        onClick={() => onViewChange('remediation')}
        className={`px-4 py-2 rounded-md transition-colors ${
          activeView === 'remediation' 
            ? 'bg-primary text-primary-foreground' 
            : 'hover:bg-accent'
        }`}
      >
        风险台账
      </button>
    </div>
  );
};

export default Navigation; 